<template>
    <div class="psychology-area">
             <div class="carousel-title-A">
                <div class="selection-broadcasts">心理学专区</div> 
                <span class="mores">更多</span> 
            </div>
        <div>
             <van-swipe :loop="false" :show-indicators="false" :width="150" :height="200">
                <van-swipe-item>
                    <div class="carousel">
                            <div class="carousel-item">
                                    <img src="http://p2.music.126.net/3DUsQdgYRUwlxzVrd11DIg==/109951165850294731.jpg?param=140y140">
                                    <p>“倾吐隐秘情绪｜百位R&B歌手精选</p>
                            </div>
                    </div>
                </van-swipe-item>
                <van-swipe-item>
                      <div class="carousel">
                            <div class="carousel-item">
                                    <img src="http://p2.music.126.net/fJVwOtBJo9TK13UVd6z_Dg==/109951164687320270.jpg?param=140y140">
                                    <p>“华语独立乐团｜将温柔塞满黄昏</p>
                            </div>
                    </div>
                </van-swipe-item>
                 <van-swipe-item>
                      <div class="carousel">
                            <div class="carousel-item">
                                    <img src="http://p2.music.126.net/AdzjlCarP9a8rajChZAsiQ==/109951163017978367.jpg?param=140y140">
                                    <p>“漫天飞舞的红叶，暮色黄昏</p>
                            </div>
                    </div>
                </van-swipe-item>
                 <van-swipe-item>
                      <div class="carousel">
                            <div class="carousel-item">
                                    <img src="http://p1.music.126.net/OIfKTottmMwlK_9Jo_H11w==/109951163890174392.jpg?param=140y140">
                                    <p>“如何把生活过成诗</p>
                            </div>
                    </div>
                </van-swipe-item>
                 <van-swipe-item>
                      <div class="carousel">
                            <div class="carousel-item">
                                    <img src="http://p1.music.126.net/P1mS8D2vutF4USz73D9Y1A==/109951168609900322.jpg?param=140y140">
                                    <p>“KPop韩系°心跳节拍 中毒节奏♢</p>
                            </div>
                    </div>
                </van-swipe-item>
                 <van-swipe-item>
                      <div class="carousel">
                            <div class="carousel-item">
                                    <img src="http://p2.music.126.net/SiwDWIertUJOYMFb-_aIXQ==/7875801790665832.jpg?param=140y140">
                                    <p>“夏树眠 蝉在叫 人坏掉心</p>
                            </div>
                    </div>
                </van-swipe-item>
                 <van-swipe-item>
                      <div class="carousel">
                            <div class="carousel-item">
                                    <img src="http://p1.music.126.net/NARWKXroGmeoImlm2WyZfw==/109951163329176498.jpg?param=140y140">
                                    <p>“爵士与幻想乡少女的酒宴</p>
                            </div>
                    </div>
                </van-swipe-item>
               <van-swipe-item class="swipe-item-last"></van-swipe-item>
            </van-swipe>
        </div>
    </div>
</template>

<script>
export default{
         data(){
            return {
                carouselData:[
                    {
                        imgUrl:'/src/images/p1.jpg',
                        description:'陪你入睡'
                    },
                     {
                        imgUrl:'/src/images/p2.jpg',
                        description:'倾诉和分享者' 
                    }, {
                        imgUrl:'/src/images/p3.jpg',
                        description:'催眠小故事'
                    }, {
                        imgUrl:'/src/images/p4.jpg',
                        description:'心理FM主播'
                    }, {
                        imgUrl:'/src/images/p5.jpg',
                        description:'心理FM主播'
                    }, {
                        imgUrl:'/src/images/p6.jpg',
                        description:'唱跳rap🏀Music'
                    }, {
                        imgUrl:'/src/images/p7.png',
                        description:'天使与你同在，你本来就很美'
                    }, {
                        imgUrl:'/src/images/p2.jpg',
                        description:'洗涤你的心灵'
                    },
                ]
            }
         }
    }
</script>


<style scoped>
.carousel-title-A{
    margin-top:10px;
    width: 100%;
    height:50px;
}
.selection-broadcasts{
    float: left;
    margin-left: calc(50% - 30px);
    font-size:15px;
    font-weight: bold;
    line-height:50px;
    text-align: center;
}
.mores{
    font-size:12px;
    line-height:50px;
    color:gray;
    float:right;
    margin-right: 15px;
    float: right;
}

.van-swipe-item{
     margin-left:5px;
     margin-right:5px;
}
.carousel-item img{
    width: 150px;
    height: 150px;
}
.carousel-item p{
    font-size:13px;
}
.swipe-item-last{
    border:none;
}
</style>